<template>

  <div class="body1" @click="goToHome" style="cursor:default;">
    <hr class="yanse" border>
    <div class="title1">
      <el-icon>
        <Lock />
      </el-icon>
      <span style="padding-left: 5px">服务器异常</span>
      <!-- 移动到首页 -->
      <div class="title2">请联系管理员（点击返回首页）</div>
    </div>


  </div>
</template>

<script setup>
import router from "@/router/index.js"

const goToHome = () => {
  router.replace({ path: "/" })
}
</script>

<style scoped>
.yanse {
  border-top: 1px solid rgb(64, 158, 255);
}

.title1 {
  font-family: SimSun;
  font-size: 40px;
  padding-right: 100px;
  padding-top: 40px;
  text-align: center;
  color: rgb(88, 93, 99);
}

.title2 {
  font-family: SimSun;
  font-size: 40px;
  padding-left: 100px;
  padding-top: 10px;
  text-align: center;
  color: rgb(88, 93, 99);
}

.body1 {
  position: relative;
}
</style>